<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>百顺通云-后台线下支付详情页面</title>
        <meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>
        <!-- 公用js文件引入 -->
        <jsp:include page="../../admin/commonCSS.jsp"></jsp:include>
        
    </head>
    <body class="skin-blue">
    
        <!-- 公用头部 -->
        <jsp:include page="../../admin/commonHeader.jsp"></jsp:include>
       
        <div class="wrapper row-offcanvas row-offcanvas-left">
            
            <!-- 公用导航 -->
            <jsp:include page="../../admin/commonMenu.jsp"></jsp:include>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                       	 线下支付管理
                        <small>线下支付详情</small>
                    </h1>
                    <ol class="breadcrumb">
                        <li><a href="#"><i class="fa fa-dashboard"></i> 首页</a></li>
                        <li class="active">线下支付管理</li>
                    </ol>
                </section>

                <!-- Main content -->
                <section class="content">
                    <!-- Small boxes (Stat box) -->
                    <div class="row fixrowscroll">
                        
                        <!-- table数据 -->
                        <div class="box-body table-responsive">
                            <div class="dataTables_wrapper form-inline fixwrapperscroll" role="grid">
                                <div class="row">
                                    <div class="col-xs-6"></div>
                                    <div class="col-xs-6"></div>
                                </div>
			                	<table class="table table-bordered table-hover dataTable">
									<tbody>
										<tr>
											<td width="20%" class="taright">现金交易流水号：</td>
											<td width="30%"><span>${userInfo.cashflowNum}</span></td>
											<td width="20%" class="taright">用户名：</td>
											<td><span>
											<c:if test="${userInfo.userEmail != null&&userInfo.userEmail != ''}">${userInfo.userEmail}</c:if>
										    <c:if test="${userInfo.userEmail == null||userInfo.userEmail == ''}">${userInfo.userTel}</c:if>
										    </span></td>
										</tr>
										<tr>
											<td width="20%" class="taright">订单号：</td>
											<td width="30%">
											<span>${userInfo.orderNum}</span></td>
											<td width="20%" class="taright">交易类型：</td><td>
											<span>
											<c:if test="${userInfo.dealType == 0}">交易失败</c:if>
											<c:if test="${userInfo.dealType == 1}">充值</c:if>
											<c:if test="${userInfo.dealType == 2}">消费</c:if>
											<c:if test="${userInfo.dealType == 3}">提现</c:if>
											<c:if test="${userInfo.dealType == 4}">退款</c:if>
										   	</span></td>
										</tr>
										<tr>
											<td width="20%" class="taright">交易时间：</td>
											<td width="30%"><span><fmt:formatDate value="${userInfo.createTime}" pattern="yyyy-MM-dd HH:mm:ss"/></span></td>
											<td width="20%" class="taright">收入金额（元）：</td>
											<td><span><fmt:formatNumber value="${userInfo.incomeMoney}" pattern="#0.00"/>
											</span></td>
										</tr>
										<tr>
											<td width="20%" class="taright">支出金额（元）：</td>
											<td width="30%"><span><fmt:formatNumber value="${userInfo.disburseMoney}" pattern="#0.00"/>
											</span></td>
											<td width="20%" class="taright">交易后的金额（元）：</td>
											<td><span><fmt:formatNumber value="${userInfo.thenAccount}" pattern="#0.00"/>
											</span></td>
										</tr>
										<tr>
											<td width="20%" class="taright">交易方式：</td>
											<td width="30%"><span>
											<c:if test="${userInfo.payWayId == 1}">支付宝支付</c:if>
											<c:if test="${userInfo.payWayId == 2}">账户余额支付</c:if>
											<c:if test="${userInfo.payWayId == 3}">银联支付</c:if>
											<c:if test="${userInfo.payWayId == 4}">线下支付</c:if>
											</span></td>
											<c:if test="${userInfo.isCancel == 0||userInfo.isCancel == null}">
											
											</c:if>
											<c:if test="${userInfo.isCancel == 1}">
												<td width="20%" class="taright">是否取消：</td>
												<td width="30%"><span>已取消</span></td>
											</c:if>
										</tr>
								
									</tbody>
								</table>
								<div id="showPics" class=""> 
									<c:forEach items="${aList}" var="al">
										<a href="${al.attachPath}"><img alt="" src="${al.attachPath}"></a>
									</c:forEach>
								</div>
                            </div>
                        </div>
						<a href="javascript:history.back(-1)"><button type="button" class="btn btn-primary">返回</button></a>
                    </div><!-- /.row -->
                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->

		<script type="text/javascript">
			var currentMenu = 'financeManager';
		</script>
        <!-- 公用js文件引入 -->
        <jsp:include page="../../admin/commonJs.jsp"></jsp:include>
		
        <script src="/js/admin/financeManager/linePaymentManager.js"></script>
     
    </body>
</html>
